<!DOCTYPE html>
<html lang="zh-CN" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>登陆 - 升华网员工OA系统</title>
	<link rel="icon" href="<?php echo STC_RES ?>stuff/img/favicon.ico">
	<!--Upgrade your browser-->
	<!--[if lte IE 10]>
	<script>
		window.location.href = 'https://support.dmeng.net/upgrade-your-browser.html?referrer=' + location.href;
	</script>
	<![endif]-->
	<!-- Bootstrap -->
	<link href="<?php echo LIB_RES ?>bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<!-- toastr -->
	<link href="<?php echo LIB_RES ?>toastr/toastr.min.css" rel="stylesheet">
	<!-- Myself -->
	<style type="text/css">
		html, body {
			height: 100%;
			width: 100%;
			max-height: 100%;
			max-width: 100%;
			overflow: auto;
		}

		body {
			background: url('<?php echo STC_RES ?>stuff/img/background.jpg') center center;
			background-size: cover;
		}
	</style>
	<link href="<?php echo STC_RES ?>stuff/css/shIndex.css" rel="stylesheet">
</head>
<body oncontextmenu="return false;">
<noscript>
	<h2 style="color: #FFFFFF;text-align: center">
		对不起，你的浏览器不支持或者禁用了脚本功能
		<br/>网页无法正常工作,请您更换浏览器或开启脚本
	</h2>
</noscript>
<span style="height: 100%;vertical-align: middle;display: inline-block;text-align: center"></span>
<div style="vertical-align: middle;display: inline-block;text-align: center;width: 99%">
    <header class="sh-header">
        <h1>升华网员工OA系统<span>盛世升华网，服务中南人</span></h1>
        <img src="<?php echo STC_RES ?>stuff/img/profile.png" alt="中南大学升华网" class="img-circle">
    </header>
    <form id="form-login" class="form-horizontal" href="#">
        <div class="form-group">
            <input onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
                   type="text" class="form-control input-lg" v-model="Sno" id="inputSno" placeholder="学号">
        </div>
        <div class="form-group">
            <input type="password" class="form-control input-lg" v-model="Pwd" id="inputPwd" placeholder="密码">
        </div>
        <div class="input-group form-group">
            <input type="text" class="form-control input-lg" v-model="Cap"
                   id="inputCap" placeholder="验证码" @blur="chkCap()">
            <div id="img-cap" class="input-group-addon">

                <img v-cloak :src="capSrc" alt="captcha" id="captcha"
                     data-toggle="tooltip" data-placement="right" title="点击刷新" @click="refCap()"/>
            </div>
        </div>
        <div class="form-group">
            <div>
                <button type="button" id="login-btn" @click="login()"
                        class="btn btn-lg btn-primary col-xs-8 col-md-8">
                    登&nbsp;&nbsp;&nbsp;&nbsp;陆
                </button>
                <button type="reset" id="login-btn"
                        class="btn btn-lg btn-default col-xs-3 col-md-3 col-xs-offset-1 col-md-offset-1">
                    重&nbsp;&nbsp;&nbsp;&nbsp;置
                </button>
            </div>
        </div>
    </form>
    <div class="navbar sh-footer">
	<p style="line-height:10px;">Copyright © 2001-2017 <a href="http://54sh.csu.edu.cn/" target="_blank">中南大学升华网</a>
		版权所有</p>
	<p style="line-height:10px;">Designed By Coders</p>
	<a style="line-height:10px;" href="http://www.miitbeian.gov.cn/" target="_blank">皖ICP备16024033号-1</a>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="<?php echo LIB_RES ?>jquery/jquery-3.2.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="<?php echo LIB_RES ?>bootstrap/js/bootstrap.min.js"></script>
<!-- toastr -->
<script src="<?php echo LIB_RES ?>toastr/toastr.min.js"></script>
<!-- Vue -->
<script src="<?php echo LIB_RES ?>vue/vue.min.js"></script>
<script src="<?php echo LIB_RES ?>vue/vue-resource.min.js"></script>
<script src="<?php echo LIB_RES ?>vue/vue-router.min.js"></script>
<!-- crypto -->
<script src="<?php echo LIB_RES ?>crypto-js/crypto-js.min.js"></script>
<!-- Myself -->
<script src="<?php echo STC_RES ?>stuff/js/shIndex.js" id="my-js" data-root="<?php echo WEB_ROOT ?>"></script>
</body>

</html>